<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index1.css">
</head>
<body>
    <header>
        <h1 style="font-size: 28px;margin-top: 40px;">前端开发入门指南</h1>
        <br>
        <p class="author">作者：刘飞</p>
        <p class="date">发布日期: 2025年1月15日</p>
    </header>
    
    <article>
        <br>
        <h3>前言</h3>
        <p class="content">
            前端开发是构建网站和应用程序用户界面的重要部分。它涉及 HTML、CSS 和 JavaScript 等技术，用于创建用户所看到和操作的界面。
        </p>
         
        <br>
        <h3>HTML概述</h3>
        <p class="content">
            HTML 是网页的骨架，用于定义网页的结构和内容。常见的 HTML 标签包括标题标签（如 &lt;h1&gt;）、段落标签（如 &lt;p&gt;）和链接标签（如 &lt;a&gt;）。
        </p>

        <br>
        <h3>CSS概述</h3>
        <p class="content">
            CSS 用于控制网页的样式，包括颜色、字体、布局等。通过 CSS，开发者可以使网页更加美观和易于阅读。
        </p>

        <br>
        <h3>JavaScript概述</h3>
        <p class="content">
            JavaScript 是一种脚本语言，用于为网页添加动态交互功能。例如，表单验证、动态内容加载等都可以通过 JavaScript 实现。
        </p>
    </article>

    <br>
    <div>
        <h4 style="font-size: 20px;">评论区</h4>
        <div>
            <h4>用户A</h4>
            <p class="comment">这篇文章非常有用，帮助我理解了前端开发的基础知识。</p>
            <p class="comment">评论时间：2025年01月15日</p>
        </div>
        <div>
            <h4>用户B</h4>
            <p class="comment">感谢作者分享，期待更多关于前端开发的教程。</p>
            <p class="comment">评论时间：2025年01月15日</p>
        </div>
    </div>
    <br>
    <footer>2023 前端开发入门指南. 版权所有</footer>
</body>
</html>